<ng-container [ngSwitch]="iconClass">
  <!-- datasource -->
  <svg *ngSwitchCase="METADATA_TYPE.DATASOURCE" viewBox="0 0 30 30">
    <path fill="#FFF" fill-rule="evenodd" d="M14.56 10.938c-5 0-9.051-1.639-9.051-3.657 0-2.02 4.052-3.656 9.052-3.656 4.998 0 9.052 1.636 9.052 3.656 0 2.019-4.054 3.657-9.052 3.657zm9.053 2.03c-.003.009 0 .018 0 .026 0 2.006-4.968 3.412-9.052 3.412-4.034 0-9.052-1.406-9.052-3.412l.003-.025-.003-2.792c1.977 1.623 5.6 2.386 9.052 2.386 3.45 0 7.074-.763 9.052-2.386v2.792zm0 4.876c-.003.008 0 .017 0 .025 0 2.006-5.17 3.631-9.052 3.631-3.984 0-9.052-1.625-9.052-3.631l.003-.025L5.51 15.5c1.558 1.73 4.302 2.369 9.052 2.369 4.749 0 7.493-.64 9.052-2.369v2.344zm0 4.875c0 2.018-4.054 3.656-9.052 3.656-5 0-9.052-1.638-9.052-3.656V20.21C7.067 21.94 9.81 23 14.56 23c4.699 0 7.493-1.06 9.052-2.79v2.509zM4 7.28V22.72C4 26.347 9.474 28 14.56 28c5.087 0 10.56-1.653 10.56-5.281V7.28C25.12 3.651 19.647 2 14.56 2S4 3.652 4 7.281z"></path>
  </svg>
  <!-- //datasource -->
  <!-- stagingDB -->
  <svg *ngSwitchCase="METADATA_TYPE.STAGING_DB" viewBox="0 0 30 30">
    <defs>
      <path id="a" d="M0 13V0h22v13H11v13H0V13z"></path>
      <path id="c" d="M10.56 8.938c-5 0-9.051-1.639-9.051-3.657 0-2.02 4.052-3.656 9.052-3.656 4.998 0 9.052 1.636 9.052 3.656 0 2.019-4.054 3.657-9.052 3.657zm9.053 11.78c0 2.019-4.054 3.657-9.052 3.657-5 0-9.052-1.638-9.052-3.656V8.239c1.157.604 2.034 1.013 2.631 1.227 2.01.72 4.092 1.03 6.18 1.03 2.165 0 4.404-.254 6.653-1.03.59-.203 1.47-.612 2.64-1.227v12.48zM0 5.282V20.72C0 24.347 5.474 26 10.56 26c5.087 0 10.56-1.653 10.56-5.281V5.28C21.12 1.651 15.647 0 10.56 0S0 1.652 0 5.281z"></path>
    </defs>
    <g fill="none" fill-rule="evenodd">
      <g transform="translate(4 2)">
        <mask id="b" fill="#fff">
          <use xlink:href="#a"></use>
        </mask>
        <use fill="#FFF" fill-opacity="0" xlink:href="#a"></use>
        <g mask="url(#b)">
          <use fill="#FFF" xlink:href="#c"></use>
        </g>
      </g>
      <path fill="#FFF" fill-rule="nonzero" d="M27.438 23.656l1.468 1.063c.125.125.146.27.063.437l-1.344 2.219c-.083.167-.208.219-.375.156l-1.688-.656c-.52.354-.895.573-1.125.656l-.25 1.719c-.041.167-.156.25-.343.25h-2.657c-.187 0-.302-.083-.343-.25l-.25-1.719c-.313-.125-.688-.343-1.125-.656l-1.688.656c-.166.084-.291.032-.375-.156l-1.343-2.219c-.105-.187-.084-.333.062-.437l1.406-1.063c0-.062-.005-.166-.015-.312A5.119 5.119 0 0 1 17.5 23c0-.083.005-.198.016-.344.01-.146.015-.25.015-.312l-1.437-1.063c-.125-.125-.146-.27-.063-.437l1.344-2.219c.083-.167.208-.219.375-.156l1.688.656c.52-.354.895-.573 1.125-.656l.25-1.719c.041-.167.156-.25.343-.25h2.657c.187 0 .302.083.343.25l.219 1.719c.313.125.687.343 1.125.656l1.656-.656c.167-.084.302-.032.407.156l1.343 2.219c.104.187.084.333-.062.437l-1.407 1.063c0 .062.006.166.016.312s.016.26.016.344c0 .313-.01.531-.032.656zm-6.625.969c.458.438 1.01.656 1.656.656.646 0 1.198-.218 1.656-.656.458-.438.688-.98.688-1.625 0-.646-.23-1.187-.688-1.625a2.313 2.313 0 0 0-1.656-.656c-.646 0-1.193.218-1.64.656-.449.438-.673.98-.673 1.625 0 .646.219 1.187.657 1.625z"></path>
    </g>
  </svg>
  <!-- //stagingDB -->
  <!-- database -->
  <svg *ngSwitchCase="METADATA_TYPE.DATABASE" viewBox="0 0 30 30">
    <g fill="#FFF" fill-rule="evenodd">
      <path fill-rule="nonzero" d="M26 2.5c0-.1-.1-.3-.1-.4-.1 0-.4-.1-.5-.1H4.7c-.3 0-.4.1-.5.3 0 .1-.1.1-.1.3V25c0 1.6 0 1.5.8 2.3.5.4 1.2.7 2.6.7h13.3c3.3 0 5.2-1.6 5.2-4.8V2.5c0 .2 0 .2 0 0zm-1.4 20.7c0 2.3-1.2 3.4-3.8 3.4H7.4c-.8 0-1.4-.1-1.6-.4-.4-.4-.4 0-.4-1.4v-5.1h19.2v3.5zm0-4.8H5.4v-6.8h19.2v6.8zm0-8.2H5.4V3.4h19.2v6.8zm-2.7 12.3h-9.6v1.4h9.6v-1.4zm0-8.2h-9.6v1.4h9.6v-1.4zm0-8.2h-9.6v1.4h9.6V6.1z"></path>
      <path d="M10.2 24H8.8c-.5 0-.8-.4-.8-.8 0-.5.4-.8.8-.8h1.4c.5 0 .8.4.8.8 0 .6-.4.8-.8.8zM10.2 15.8H8.8c-.5 0-.8-.4-.8-.8 0-.5.4-.8.8-.8h1.4c.5 0 .8.4.8.8 0 .5-.4.8-.8.8zM10.2 7.6H8.8c-.5 0-.8-.4-.8-.8 0-.5.4-.8.8-.8h1.4c.5 0 .8.4.8.8 0 .5-.4.8-.8.8z"></path>
    </g>
  </svg>
  <!-- //database -->
  <!-- dataset -->
<!--  <svg viewBox="0 0 30 30">-->
<!--    <path fill="#FFF" fill-rule="nonzero" d="M23.85 3H6.04A3.035 3.035 0 0 0 3 6.04v17.92A3.035 3.035 0 0 0 6.04 27H23.96A3.035 3.035 0 0 0 27 23.96V6.04C26.891 4.304 25.588 3 23.85 3zM6.693 4.52H23.09c1.195 0 2.281.978 2.281 2.28v3.693H4.412V6.801c.108-1.303 1.086-2.28 2.28-2.28zm11.294 7.494V25.48h-5.972V12.014h5.972zM4.52 23.199V12.014h5.973V25.48H6.801c-1.303-.109-2.28-1.086-2.28-2.28zm18.68 2.172h-3.693V12.014h5.973v11.185c-.109 1.195-1.086 2.172-2.28 2.172z"></path>-->
<!--  </svg>-->
  <!-- //dataset -->
</ng-container>

